window.onload = () => {
    var quality_img = document.queryselectorall(".quality_img");
    // console.log(quality_img);
    quality_img[0].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_1.jpg");
    });
    quality_img[1].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_2.jpg");
    });
    quality_img[2].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_3.jpg");
    });
    quality_img[3].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_4.jpg");
    });
    quality_img[4].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_5.jpg");
    });
    quality_img[5].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_6.jpg");
    });
    quality_img[6].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_7.jpg");
    });
    quality_img[7].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_8.jpg");
    });
    quality_img[8].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_9.jpg");
    });
    quality_img[9].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_10.jpg");
    });
    quality_img[10].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_11.jpg");
    });
    quality_img[11].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_12.jpg");
    });
    quality_img[12].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_13.jpg");
    });
    quality_img[13].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_14.jpg");
    });
    quality_img[14].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_15.jpg");
    });
    quality_img[15].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_16.jpg");
    });
    quality_img[16].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_17.jpg");
    });
    quality_img[17].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_18.jpg");
    });
    quality_img[18].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_19.jpg");
    });
    quality_img[19].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_20.jpg");
    });
    quality_img[20].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_21.jpg");
    });
    quality_img[21].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_22.jpg");
    });
    quality_img[22].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_23.jpg");
    });
    quality_img[23].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_24.jpg");
    });
    quality_img[24].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_25.jpg");
    });
    quality_img[25].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_26.jpg");
    });
    quality_img[26].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_27.jpg");
    });
    quality_img[27].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_28.jpg");
    });
    quality_img[28].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_29.jpg");
    });
    quality_img[29].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_30.jpg");
    });
    quality_img[30].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_31.jpg");
    });
    quality_img[31].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_32.jpg");
    });
    quality_img[32].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_33.jpg");
    });
    quality_img[33].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_34.jpg");
    });
    quality_img[34].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_35.jpg");
    });
    quality_img[35].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_36.jpg");
    });
    quality_img[36].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_37.jpg");
    });
    quality_img[37].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_38.jpg");
    });
    quality_img[38].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_39.jpg");
    });
    quality_img[39].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_40.jpg");
    });
    quality_img[40].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_41.jpg");
    });
    quality_img[41].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_42.jpg");
    });
    quality_img[42].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_43.jpg");
    });
    quality_img[43].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_44.jpg");
    });
    quality_img[44].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_45.jpg");
    });
    quality_img[45].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_46.jpg");
    });
    // quality_img[46].addeventlistener("click", function(e) {
    //     quality_enlarge("./image/quality_q_39.jpg");
    // });
    quality_img[46].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_47.jpg");
    });
    quality_img[47].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_48.jpg");
    });
    quality_img[48].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_49.jpg");
    });
    quality_img[49].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_50.jpg");
    });
    quality_img[50].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_51.jpg");
    });
    quality_img[51].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_52.jpg");
    });
    quality_img[52].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_53.jpg");
    });
    quality_img[53].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_54.jpg");
    });
    quality_img[54].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_55.jpg");
    });
    quality_img[55].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_56.jpg");
    });
    quality_img[56].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_57.jpg");
    });
    quality_img[57].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_58.jpg");
    });
    quality_img[58].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_59.jpg");
    });
    quality_img[59].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_60.jpg");
    });
    quality_img[60].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_61.jpg");
    });
    quality_img[61].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_62.jpg");
    });
    quality_img[62].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_63.jpg");
    });
    quality_img[63].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_64.jpg");
    });
    // quality_img[65].addeventlistener("click", function(e) {
    //     quality_enlarge("./image/quality_q_1.jpg");
    // });
    quality_img[64].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_1.jpg");
    });
    quality_img[65].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_2.jpg");
    });
    quality_img[66].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_3.jpg");
    });
    quality_img[67].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_4.jpg");
    });
    quality_img[68].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_5.jpg");
    });
    quality_img[69].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_6.jpg");
    });
    quality_img[70].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_7.jpg");
    });
    quality_img[71].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_8.jpg");
    });
    quality_img[72].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_9.jpg");
    });
    quality_img[73].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_10.jpg");
    });
    quality_img[74].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_11.jpg");
    });
    quality_img[75].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_12.jpg");
    });
    quality_img[76].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_13.jpg");
    });
    quality_img[77].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_14.jpg");
    });
    quality_img[78].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_15.jpg");
    });
    quality_img[79].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_16.jpg");
    });
    quality_img[80].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_17.jpg");
    });
    quality_img[81].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_18.jpg");
    });
    quality_img[82].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_19.jpg");
    });
    quality_img[83].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_20.jpg");
    });
    quality_img[84].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_21.jpg");
    });
    quality_img[85].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_22.jpg");
    });
    quality_img[86].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_23.jpg");
    });
    quality_img[87].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_24.jpg");
    });
    quality_img[88].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_25.jpg");
    });
    quality_img[89].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_26.jpg");
    });
    quality_img[90].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_27.jpg");
    });
    quality_img[91].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_28.jpg");
    });
    quality_img[92].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_29.jpg");
    });
    quality_img[93].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_30.jpg");
    });
    quality_img[94].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_31.jpg");
    });
    quality_img[95].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_32.jpg");
    });
    quality_img[96].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_33.jpg");
    });
    quality_img[97].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_34.jpg");
    });
    quality_img[98].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_35.jpg");
    });
    quality_img[99].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_36.jpg");
    });
    quality_img[100].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_37.jpg");
    });
    quality_img[101].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_38.jpg");
    });
    quality_img[102].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_39.jpg");
    });
    quality_img[103].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_40.jpg");
    });
    quality_img[104].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_41.jpg");
    });
    quality_img[105].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_42.jpg");
    });
    quality_img[106].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_43.jpg");
    });
    quality_img[107].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_44.jpg");
    });
    quality_img[108].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_45.jpg");
    });
    quality_img[109].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_q_46.jpg");
    });
    // quality_img[111].addeventlistener("click", function(e) {
    //     quality_enlarge("./image/quality_q_39.jpg");
    // });
    quality_img[110].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_47.jpg");
    });
    quality_img[111].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_48.jpg");
    });
    quality_img[112].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_49.jpg");
    });
    quality_img[113].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_50.jpg");
    });
    quality_img[114].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_51.jpg");
    });
    quality_img[115].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_52.jpg");
    });
    quality_img[116].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_53.jpg");
    });
    quality_img[117].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_54.jpg");
    });
    quality_img[118].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_55.jpg");
    });
    quality_img[119].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_56.jpg");
    });
    quality_img[120].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_57.jpg");
    });
    quality_img[121].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_58.jpg");
    });
    quality_img[122].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_59.jpg");
    });
    quality_img[123].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_60.jpg");
    });
    quality_img[124].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_61.jpg");
    });
    quality_img[125].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_62.jpg");
    });
    quality_img[126].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_63.jpg");
    });
    quality_img[127].addeventlistener("click", function(e) {
        quality_enlarge("./image/quality_qq_64.jpg");
    });

    var quality_body = document.queryselector("body");

    var quality_enlarge = (quality_srcstr) => {
        var quality_bigbox = document.createelement("div");
        var quality_newimg = document.createelement("img");
        var quality_img_1_close = document.createelement("div");
        var quality_img_1_add = document.createelement("div");
        var quality_img_1_reduce = document.createelement("div");
        var quality_img_1_reduction = document.createelement("div");
        quality_bigbox.classlist.add("quality_img_1_back");
        quality_newimg.classlist.add("quality_img_1");
        quality_img_1_close.classlist.add("quality_img_1_close");
        quality_img_1_add.classlist.add("quality_img_1_add");
        quality_img_1_reduce.classlist.add("quality_img_1_reduce");
        quality_img_1_reduction.classlist.add("quality_img_1_reduction");
        quality_newimg.src = quality_srcstr;
        quality_img_1_close.innertext = "x";
        quality_img_1_add.innertext = "+";
        quality_img_1_reduce.innertext = "-";
        quality_img_1_reduction.innertext = "o"
        quality_bigbox.appendchild(quality_newimg);
        quality_bigbox.appendchild(quality_img_1_close);
        quality_bigbox.appendchild(quality_img_1_add);
        quality_bigbox.appendchild(quality_img_1_reduce);
        quality_bigbox.appendchild(quality_img_1_reduction);
        quality_body.appendchild(quality_bigbox);

        quality_img_1_close.addeventlistener("click", (e) => {
            quality_bigbox.style.display = "none";
            quality_bigbox.removechild(quality_newimg);
            quality_bigbox.removechild(quality_img_1_close);
            quality_bigbox.removechild(quality_img_1_add);
            quality_bigbox.removechild(quality_img_1_reduce);
            quality_bigbox.removechild(quality_img_1_reduction);
            quality_body.removechild(quality_bigbox);
        });

        quality_img_1_add.addeventlistener("click", (e) => {
            if (quality_newimg.clientwidth < 1500) {
                quality_newimg.style.width = quality_newimg.clientwidth + 50 + "px";
            }
        });

        quality_img_1_reduce.addeventlistener("click", (e) => {
            if (quality_newimg.clientwidth > 90) {
                quality_newimg.style.width = quality_newimg.clientwidth - 50 + "px";
            }
        });

        quality_img_1_reduction.addeventlistener("click", (e) => {
            quality_newimg.style.width = "35%";
        });

    }
}